<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="/icofont/iconfont.css">
    <link rel="stylesheet" href="/css/list.css">
    <script src="/lib/require/require.min.js" data-main="/js/list.js"></script>
</head>

<body>

    <header></header>

    <!-- 头部下面的副导航 -->
    <div class="subnav">
        <div class="container">
            <a href="/">首页</a>
            &gt;
            <span>新品上市</span>
        </div>
    </div>
    <!-- 头部下面的内容 -->
    <div class="container clear">
        <!-- 左边 通用-手风琴 -->
        <div class="s-side fl">
            <ul>
                <!-- 首页 -->
                <li class="s-firstItem">
                    <a href="">
                        <i class="iconfont iconaixin"></i>
                        <span>新品介绍</span>
                    </a>
                </li>
                <!-- 买一送一 -->
                <li>
                    <div class="d-firstNav s-firstNav">
                        <i class="iconfont iconaixin"></i>
                        <span>买一送一</span>
                        <i class="iconfont iconxia"></i>
                    </div>
                    <ul class="d-firstDrop s-firstDrop">
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">买卖季15ml买一送一</a>
                        </li>
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">抗疫茶树精油买一送一</a>
                        </li>
                    </ul>
                </li>
                <!-- 特惠 -->
                <li>
                    <div class="d-firstNav s-firstNav">
                        <i class="iconfont iconaixin"></i>
                        <span>2件任选特惠(最高现省660)</span>
                        <i class="iconfont iconxia"></i>
                    </div>
                    <ul class="d-firstDrop s-firstDrop">
                        <li class="s-secondItem">
                            <a href="">2件原价7折(省660)</a>
                        </li>
                        <li class="s-secondItem">
                            <a href="">2件999(现省300)</a>
                        </li>
                    </ul>
                </li>
                <!-- 香水 -->
                <li>
                    <div class="d-firstNav s-firstNav">
                        <i class="iconfont iconaixin"></i>
                        <span>香水</span>
                        <i class="iconfont iconxia"></i>
                    </div>
                    <ul class="d-firstDrop s-firstDrop">
                        <li>
                            <div class="d-secondNav s-secondNav">
                                <span>喷式香水</span>
                            </div>
                        </li>
                        <li>
                            <div class="d-secondNav s-secondNav">
                                <span>抹式香水</span>
                                <i class="iconfont iconxia"></i>
                            </div>
                            <ul class="d-secondDrop s-secondDrop">
                                <li class="s-thirdItem">
                                    <a href="">《星座系列》</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">《公主系列》</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">分装瓶组</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <div class="d-secondNav s-secondNav">
                                <span>5ml随身香水</span>
                                <i class="iconfont iconxia"></i>
                            </div>
                            <ul class="d-secondDrop s-secondDrop">
                                <li class="s-thirdItem">
                                    <a href="">5支组合包</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">所有气味</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">果香</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">花香</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">饭香</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">建筑香</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">酒香</a>
                                </li>
                                <li class="s-thirdItem">
                                    <a href="">大自然</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <div class="d-secondNav s-secondNav">
                                <span>星座香水</span>
                                <i class="iconfont iconxia"></i>
                            </div>
                            <ul class="d-secondDrop s-secondDrop">
                                <li class="s-thirdItem">
                                    <a href="">星座系列15ml</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- 空间香气 -->
                <li>
                    <div class="d-firstNav s-firstNav">
                        <i class="iconfont iconaixin"></i>
                        <span>空间香气</span>
                        <i class="iconfont iconxia"></i>
                    </div>
                    <ul class="d-firstDrop s-firstDrop">
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">60ml精油组</a>
                        </li>
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">120ml精油组</a>
                        </li>
                    </ul>
                </li>
                <!-- 周边小物 -->
                <li class="s-firstItem">
                    <a href="">
                        <i class="iconfont iconaixin"></i>
                        <span>周边小物</span>
                    </a>
                </li>
                <!-- 预定商品 -->
                <li class="s-firstItem">
                    <a href="">
                        <i class="iconfont iconaixin"></i>
                        <span>预定商品</span>
                    </a>
                </li>
                <!-- 联络我们 -->
                <li class="s-firstItem">
                    <a href="">
                        <span>联络我们</span>
                    </a>
                </li>
                <!-- 关于我们 -->
                <li class="s-firstItem">
                    <a href="">
                        <span>关于我们</span>
                    </a>
                </li>
                <!-- 购买时间 -->
                <li>
                    <div class="d-firstNav s-firstNav">
                        <i class="iconfont iconaixin"></i>
                        <span>购买时间</span>
                        <i class="iconfont iconxia"></i>
                    </div>
                    <ul class="d-firstDrop s-firstDrop">
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">试闻2ml香水</a>
                        </li>
                        <li class="s-secondItem">
                            <i class="icon-circle"></i>
                            <a href="">试闻片</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- 右边列表 -->
        <div class="list fr">
            <div class="title">
                新品上市
                <span class="fr">
                    共<em>20</em>件商品
                </span>
            </div>
            <div class="content">
                <ul class="contentList" id="goods_list">
                    
                </ul>
                <script type="text/html" id="xuanranList">
                    {{each list item}}
                    <li>
                        <div class="pic">
                            <article>
                                <img src="{{item.image}}" />
                                <div class="mask">
                                    <div>
                                        <a href="/html/detail.html?id={{item.id}}" target="_blank">
                                            <section class="searchDiv">
                                                <i class="iconfont iconfaxian"></i>
                                            </section>
                                        </a>
                                        <a href="/html/shopping.html" target="_blank">
                                            <section class="carDiv">
                                                <i class="iconfont iconcar"></i>
                                            </section>
                                        </a>
                                    </div>
                                </div>
                            </article>
                            
                            <h2>{{item.recComment}}</h2>
                            <h3>{{item.title}}</h3>
                            <p>
                                {{item.price}} <del>{{item.originPrice}}</del>
                            </p>
                        </div>
                    </li>
                    {{/each}}
                </script>
            </div>
        </div>
    </div>

    <footer></footer>
    <!-- <footer></footer> -->

</body>

</html>